import { VxeUI } from 'vxe-pc-ui';
import { h } from 'vue'; // 确保导入h函数
import { ElTag } from 'element-plus'; // 确保导入ElTag组件

VxeUI.renderer.add('RaArrayTagsRender', {
  renderDefault(renderOpts, params) {
    const { row, column } = params;
    const cellValue = row[column.field];

    // 如果没有数据或数据为空数组，显示"无数据"
    if (!cellValue || !Array.isArray(cellValue) || cellValue.length === 0) {
      return h(ElTag, { type: 'info' }, () => '无数据');
    }

    // 渲染标签数组
    return cellValue.map((item, index) => {
      return h(
        ElTag, // 使用导入的ElTag组件
        {
          key: index,
          type: item.tagType || 'primary',
          style: { marginRight: '5px', marginBottom: '5px' },
        },
        () => `${item.label} (ID: ${item.value})`,
      );
    });
  },
});

export default 'RaArrayTagsRender';
